<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>Swiper demo</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.css" />

  <!-- Demo styles -->
  <style>
    html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      background: #eee;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }

    .swiper {
      width:700px;
      padding-top: 100px;
      padding-bottom: 50px;
      overflow: hidden;
      box-sizing: border-box;
      height: 700px;
    }
    .swiper:active{
        background-color:rgba(91, 89, 89, 0.2);
    }
    .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 550px;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      border-radius: 30px;
    }
  </style>
<div style="width: 0; height: 2px; display: none !important;visibility: hidden !important;"><a href="/simba/29072025062720"></a><a href="/simba20250627202907"></a><a href="/simba20292025062707"></a><a href="/simba20252907062720"></a><a href="/simba29072025062720"></a><a href="/simba/29072025062720"></a><a href="/simba/20250627202907"></a><a href="/simba/20250627202907.html"></a><a href="/simba/07202506272029.html"></a><a href="/simba/29072025062720.html"></a><a href="/simba/20252907062720.html"></a><a href="/simba/06272029072025.html"></a><a href="/simba/27202907202506.html"></a><a href="/simba/20250627202907.html"></a></div></head>

<body>
  <!-- Swiper -->
  <div class="swiper mySwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img src="https://ts1.tc.mm.bing.net/th/id/OIP-C.9oNOfMLBfOPKTyeunPJsiQHaE7?w=240&h=211&c=8&rs=1&qlt=90&o=6&dpr=2&pid=3.1&rm=2" />
      </div>
      <div class="swiper-slide">
        <img src="https://ts1.tc.mm.bing.net/th/id/OIP-C.sV1jewS0T0hdqs5BsR1wuwHaEo?w=240&h=211&c=8&rs=1&qlt=90&o=6&dpr=2&pid=3.1&rm=2" />
      </div>
      <div class="swiper-slide">
        <img src="https://ts1.tc.mm.bing.net/th/id/OIP-C.p44an2KJAIvin_ZHEEooKwHaEK?w=240&h=211&c=8&rs=1&qlt=90&o=6&dpr=2&pid=3.1&rm=2" />
      </div>
      <div class="swiper-slide">
        <img src="https://ts1.tc.mm.bing.net/th/id/OIP-C._MDzVU-mOtmJ9RnbGa2pEAHaE8?w=240&h=211&c=8&rs=1&qlt=90&o=6&dpr=2&pid=3.1&rm=2" />
      </div>
      <div class="swiper-slide">
        <img src="https://ts1.tc.mm.bing.net/th/id/OIP-C.p5kJ6Zh1BB9gBG1ZzxVUEAHaE7?w=240&h=211&c=8&rs=1&qlt=90&o=6&dpr=2&pid=3.1&rm=2" />
      </div>
    <div class="swiper-pagination"></div>
  </div>

  <!-- Swiper JS -->
  <script src="https://unpkg.com/swiper@8/swiper-bundle.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper(".mySwiper", {
      effect: "coverflow",
      grabCursor: true,
      centeredSlides: true,
      slidesPerView: "auto",
      coverflowEffect: {
        rotate: 50,
        stretch: 0,
        depth: 100,
        modifier: 1,
        slideShadows: true,
      },
      pagination: {
        el: ".swiper-pagination",
      },
    });
  </script>
</body>

</html>